{% extends '/pg/index.html' %}
{% block operation %}

<ul class="breadcrumb">
  <li><a href="/pg">Home</a></li>
  <li><a href="#">Segnalazione</a></li>
  <li class="active">Anagrafica Stato Segnalazione</li>
</ul>
<div class="row">
    <div class="col-lg-12">
<h2 class="text-center">Stato segnalazione</h2>
<form class="form-inline">
        <label for="fk_denominazione">Denominazione:</label>
        <input type="text" name="fk_denominazione" id="fk_denominazione" />
        <input class="btn btn-default" type="submit"  id="LoadRecordsButton" value="Search"/>&nbsp;
        <input class="btn btn-default" type="reset" id="PulisciButton"  value="Pulisci" />
</form>

<div id="tableContainer"></div>
    </div>
</div>

{%endblock%}
{% block custom_js %}
<script type="text/javascript">
$(document).ready(function () {

        $('#tableContainer').jtable({
            title: 'Tabella Stato Segnalazione',
            messages: window.italianMessages,
            paging: true,
            pageSize: 20,
            sorting: true,
            defaultSorting: 'denominazione ASC',

            actions: {
                listAction: '/pg/as_StatoSegnalazione/List',
                createAction: '/pg/as_StatoSegnalazione/Create',
                updateAction: '/pg/as_StatoSegnalazione/Update',
                deleteAction: '/pg/as_StatoSegnalazione/Delete'
            },
            fields: {
                id: {
                    key: true,
                    create: false,
                    edit: false,
                    list: false
                },

                denominazione: {
                    title: 'Denominazione',
                    width: '8%',
                    inputClass: 'validate[required]'
                },
                denominazione_breve: {
                    title: 'Denominazione Breve',
                    width: '28%',
                    inputClass: 'validate[required,scroll=false,maxSize[10]]'
                },
},
    //Initialize validation logic when a form is created
    formCreated: function (event, data) {
        data.form.validationEngine();
    },
    //Validate form when it is being submitted
    formSubmitting: function (event, data) {
        return data.form.validationEngine('validate');
    },
    //Dispose validation logic when form is closed
    formClosed: function (event, data) {
        data.form.validationEngine('hide');
        data.form.validationEngine('detach');
    }
});

$('#tableContainer').jtable('load');

filtra = function() {
    $('#tableContainer').jtable('load', {
        fk_denominazione: $('#fk_denominazione').val(),
        });
    }

$('#LoadRecordsButton').click(function (e) {
    e.preventDefault();
    filtra();
     });

$(".form-inline").change(function() {
    filtra();
    });

$('#PulisciButton').click(function (e) {
    $('.form-inline')[0].reset();
    $('#tableContainer').jtable('load');
});

$(document).keyup(function(e) {
  //if (e.keyCode == 13) { $('.save').click(); }     // enter
  if (e.keyCode == 27) { $('#PulisciButton').click(); }   // esc
});

});
</script>
{% endblock %}
